.var-primary(@primary: #afb42b; @primary-weak: #c0ca33) {
    --primary: @primary;
    --primary-70: fade(@primary, 70%);
    --primary-50: fade(@primary, 50%);
    --primary-30: fade(@primary, 30%);
    --primary-weak: @primary-weak;
    --primary-weak-50: fade(@primary-weak, 50%);
}

:root {
    .var-primary(#5a5df0, #697be2);

    &.dark {
        .var-primary(#a4ce60, #82df7a);
    }
}